<template>
    <div class="subfieldsr">
    <span class="gengduos"><a href="" target="_blank">更多>></a></span>

    <el-tabs class="eltabsa" v-model="activeName" ref="a" @tab-click="handleClick" >
        <el-tab-pane label="文献检索"  name="first">
            <el-dropdown>
                <span class="el-dropdown-link">
                  国外科研机构<i class="el-icon-arrow-down el-icon--right"></i>
                </span>
                <el-dropdown-menu slot="dropdown">
                  <el-dropdown-item><a href="">加拿大农业部</a></el-dropdown-item>
                  <el-dropdown-item><a href="">加拿大农业开发署</a></el-dropdown-item>
                  <el-dropdown-item><a href="">美国农业研究局</a></el-dropdown-item>
                  <el-dropdown-item><a href="">巴西农业研究院</a></el-dropdown-item>
                  <el-dropdown-item><a href="">阿根廷农业研究所</a></el-dropdown-item>
                </el-dropdown-menu>
              </el-dropdown>
              <el-dropdown>
                <span class="el-dropdown-link">
                  国内科研机构<i class="el-icon-arrow-down el-icon--right"></i>
                </span>
                <el-dropdown-menu slot="dropdown">
                  <el-dropdown-item><a href="">吉林省农业科学院</a></el-dropdown-item>
                  <el-dropdown-item><a href="">安徽省农业科学院</a></el-dropdown-item>
                  <el-dropdown-item><a href="">新疆畜牧科学院</a></el-dropdown-item>
                  <el-dropdown-item><a href="">山东省农业科学院</a></el-dropdown-item>
                  <el-dropdown-item><a href="">水科院</a></el-dropdown-item>
                  <el-dropdown-item><a href="">中国科学院</a></el-dropdown-item>
                  <el-dropdown-item><a href="">林科院</a></el-dropdown-item>
                  <el-dropdown-item><a href="">云南省农业科学院</a></el-dropdown-item>
                  <el-dropdown-item><a href="">河南省农业科学院</a></el-dropdown-item>
                  <el-dropdown-item><a href="">山西省农业科学院</a></el-dropdown-item>
                  <el-dropdown-item><a href="">北京市农林科学院</a></el-dropdown-item>
                  <el-dropdown-item><a href="">四川省农业科学院</a></el-dropdown-item>
                  <el-dropdown-item><a href="">新疆农业科学院</a></el-dropdown-item>
                  <el-dropdown-item><a href="">河北省农林科学院</a></el-dropdown-item>
                  <el-dropdown-item><a href="">辽农省农业科学院</a></el-dropdown-item>
                  <el-dropdown-item><a href="">广西农业科学院</a></el-dropdown-item>
                  <el-dropdown-item><a href="">西藏自治区农牧科学院</a></el-dropdown-item>
                  <el-dropdown-item><a href="">江苏省农业科学院</a></el-dropdown-item>
                  <el-dropdown-item><a href="">重庆市农业科学院</a></el-dropdown-item>
                  <el-dropdown-item><a href="">浙江省农业科学院</a></el-dropdown-item>
                  <el-dropdown-item><a href="">黑龙江农业信息网</a></el-dropdown-item>
                  <el-dropdown-item><a href="">广东省农业科学院</a></el-dropdown-item>
                </el-dropdown-menu>
              </el-dropdown>
              <el-dropdown>
                <span class="el-dropdown-link">
                  国内外院校<i class="el-icon-arrow-down el-icon--right"></i>
                </span>
                <el-dropdown-menu slot="dropdown">
                  <el-dropdown-item><a href="">黑龙江八一农垦大学</a></el-dropdown-item>
                  <el-dropdown-item><a href="">安徽农业大学</a></el-dropdown-item>
                  <el-dropdown-item><a href="">渤海大学</a></el-dropdown-item>
                  <el-dropdown-item><a href="">河南工业大学</a></el-dropdown-item>
                  <el-dropdown-item><a href="">大连工业大学</a></el-dropdown-item>
                  <el-dropdown-item><a href="">湖南中医药大学</a></el-dropdown-item>
                  <el-dropdown-item><a href="">陕西师范大学</a></el-dropdown-item>
                  <el-dropdown-item><a href="">西北农林科技大学</a></el-dropdown-item>
                  <el-dropdown-item><a href="">浙江大学</a></el-dropdown-item>
                  <el-dropdown-item><a href="">南昌大学</a></el-dropdown-item>
                  <el-dropdown-item><a href="">南京农业大学</a></el-dropdown-item>
                  <el-dropdown-item><a href="">北京工商大学</a></el-dropdown-item>
                  <el-dropdown-item><a href="">华中农业大学</a></el-dropdown-item>
                  <el-dropdown-item><a href="">中国农业大学</a></el-dropdown-item>
                  <el-dropdown-item><a href="">江南大学</a></el-dropdown-item>
                </el-dropdown-menu>
              </el-dropdown>
              <el-dropdown>
                <span class="el-dropdown-link">
                  政府机构和组织<i class="el-icon-arrow-down el-icon--right"></i>
                </span>

                <el-dropdown-menu slot="dropdown">
                  <el-dropdown-item><a href="">农业农村部</a></el-dropdown-item>
                  <el-dropdown-item><a href="">科学技术部</a></el-dropdown-item>
                  <el-dropdown-item><a href="">财政部</a></el-dropdown-item>
                  <el-dropdown-item><a href="">教育部</a></el-dropdown-item>
                  <el-dropdown-item><a href="">国家自然科学基金</a></el-dropdown-item>
                  <el-dropdown-item><a href="">国家国际科技合作专项</a></el-dropdown-item>
                  <el-dropdown-item><a href="">国家发改委</a></el-dropdown-item>
                </el-dropdown-menu>
              </el-dropdown>
              <el-dropdown style="margin-right: 0px;">
                <span class="el-dropdown-link">
                  新闻媒体<i class="el-icon-arrow-down el-icon--right"></i>
                </span>
                <el-dropdown-menu slot="dropdown">
                  <el-dropdown-item><a href="">新浪网</a></el-dropdown-item>
                  <el-dropdown-item><a href="">央视网</a></el-dropdown-item>
                  <el-dropdown-item><a href="">新华网</a></el-dropdown-item>
                  <el-dropdown-item><a href="">搜狐网</a></el-dropdown-item>
                  <el-dropdown-item><a href="">人民网</a></el-dropdown-item>
                  <el-dropdown-item><a href="">科学网</a></el-dropdown-item>
                  <el-dropdown-item><a href="">农业科学网</a></el-dropdown-item>
                  <el-dropdown-item><a href="">中国科技网</a></el-dropdown-item>
                </el-dropdown-menu>
              </el-dropdown>
        </el-tab-pane>
  </el-tabs>
</div>
</template>
 <script>
      export default {
        data() {
          return {
            activeName: 'first',
            activeNames: 'first'
          };
        },
        methods: {
          handleClick(tab, event) {
            console.log(tab, event);
          },
         
        },
      };
    </script>
<style scoped>
/deep/.el-dropdown{
    width: 230px;
    height: 40px;
    font-size: 18px;
    color: #000;
    text-align: center;
    line-height: 40px;
    margin-right: 10px;
    border: 1px solid #c5c5c5;
}
/deep/.el-dropdown-menu{
    width: 230px !important;
    height: 300px !important;
}
/deep/a{
   list-style: none;
   color: #000;
   font: 16px;
   text-decoration: none;
}
/deep/.el-dropdown-link {
  
    cursor: pointer;
    color: #000;
  }
  .el-icon-arrow-down {
    font-size: 12px;
  }
.subfieldsr .gengduos{
    position: absolute;
    right: 10px;
    top: 10px;
    z-index: 999;
  }
  .subfieldsr .gengduos a{
    color: #000;
    list-style: none;
    text-decoration: none;
  }
.eltabs li a{
    color: #000;
    list-style: none;
    text-decoration: none;
    display: block;
    line-height: 28px;
    padding-left: 16px;
}
.eltabsa li a{
  color: #000;
  list-style: none;
  text-decoration: none;
  display: block;
  padding-left: 18px;
}
.eltabsa li{
    list-style: none;
    float: left;
    width: 25%;
    line-height: 40px;
    overflow: hidden;
    background: url(../image/sanjiao.png) no-repeat left 13px;
  }
/deep/ .el-tabs__item {
    font-weight: bold; /*设置标签文本加粗*/
    font-size: 20px;
  }
  /deep/ .el-tabs__item:hover {
    font-weight: bold; /*设置标签文本加粗*/
    font-size: 20px;
     color: #000;
  }
  /deep/.el-tabs__item.is-active{
      color: #000;
  }
  /deep/.el-tabs__active-bar{
    background:#069564 ;
  }
  .subfieldsr{
    position: relative;
    width: 1200px;
    margin: 0 auto;
  }
  .eltabsa{
      width: 100%;
  }
</style>